<template>
  <div class="header">
    <div class="content-wrapper">
      <div class="head">
         <img src="../m-header/logo@2x.png"alt=""width="56"height="56" />
      </div>
      <h1 class="text">涛涛的微店</h1>
      <h2 class="desc">时人</h2>
      <div class="list"><ul><li></li></ul></div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {

}
</script>

<style lang="stylus" scoped rel="stylesheet/stylus">
@import "~common/stylus/variable"
@import "~common/stylus/mixin"
.header
  position: relative
  height: 100px
  text-align: center
  color: $color-theme
  font-size: 0
  .content-wrapper
    position:relative
    padding: 24px 12px 18px 24px
    .head
      height: 56px
      margin: 0 auto
    .text
      vertical-align: top
      line-height: 44px
      font-size: $font-size-large
    .desc
      font-size: $font-size-medium
      height: 44px
      color: #fff



</style>
